<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
<meta charset="UTF-8">
<title>区域管理</title>

<link rel="stylesheet" href="/css/vendor/common.css" type="text/css">
<link href="/css/vendor/zone-manager.less" rel="stylesheet/less" type="text/css">
<link rel="stylesheet" type="text/css" href="/css/ecalendar.css">
<link rel="stylesheet" type="text/css" href="/css/vendor/cmp-controls.css">

<script src="/js/less.min.js"></script>
</head>

<body>
	<div class="map-wrap">
		<!-- 地图容器 -->
		<div id="google-map-container" style="position: relative; width: 100%; height: 100%;"></div>
	</div>
	
	<div class="flight-data-wrap">
		<img class="total-icon" src="/images/zone-manager/zone-manager-flight-cnt.png">
		<label>12625</label>
		<img class="flying-icon" src="/images/zone-manager/zone-manager-flying-cnt.png">
		<label>8</label>
	</div>
	
	<div id="zone-manager-info-wrap">
		 <table class="menu" cellpadding="0" cellspacing="0">
		 	<tr><td class="select button" onClick="zoneManagerM.clickInfoMenuItem(this)">任务列表</td>
		 		<td class="button" onClick="zoneManagerM.clickInfoMenuItem(this)">飞机列表</td></tr>
		 </table>
		 
		 <!-- 任务列表信息 -->
		 <div id="mission-list-wrap" class="data-wrap">
		 	<div class="search-wrap">
				<input name="mission-search" placeholder="任务名称/飞机编号" type="text"/>
				<span class="icon-wrap button">
			    	<img src="/images/zone-manager/zone-manager-search.png">
			    </span>
			</div>
			 <!-- 加remove类可以将子系统移除 -->
			 <table class="filter-list sub-system">
				 <tr>
					 <td class="title">子系统:</td>
					 <td>
						 <div class="cmp-option-menu" style="width: 100%;">
							 <label value="sub0">子系统0</label>
							 <div class="table-wrap">
								 <table cellpadding="0" cellspacing="0">
									 <tr><td><span value="sub0">子系统0</span><label></label></td></tr>
									 <tr><td><span value="sub1">子系统1</span><label></label></td></tr>
									 <tr><td><span value="sub2">子系统2</span></td></tr>
								 </table>
							 </div>
						 </div>
						 <img src="/images/zone-manager/zone-manager-calendar-toggle.png"/>
					 </td>
				 </tr>
			 </table>
			<table class="filter-list duration" >
				<tr>
					<td class="title"><span>最</span>近:</td>
					<td style="padding-left: 3px;">
						<input type="radio" name="filter-duration-from-now" value="one-week" id="filter-one-week">
						<label for="filter-one-week">一周</label> 
					</td>
					<td style="text-align: center;">
						<input type="radio" name="filter-duration-from-now" value="one-month" id="filter-one-month">
						<label for="filter-one-month">一月</label>
					</td>
					<td style="text-align: right; padding-right: 4px;">
						<input type="radio" name="filter-duration-from-now" value="all" id="filter-all" checked>
						<label for="filter-all">全部</label>
					</td>
				</tr>
			</table>
			<table class="filter-list time">
				<tr>
					<td class="title">时间段:</td>
					<td>
						<div class="item" id="time-start">
                    		<span>开始</span><img src="/images/zone-manager/zone-manager-calendar-toggle.png"/>
                		</div>
					</td>
					<td>
						<div class="item" style="float: right;" id="time-end">
                    		<span>今天</span><img src="/images/zone-manager/zone-manager-calendar-toggle.png"/>
               			</div>
					</td>
				</tr>
			</table>
			<div class="list-wrap">
				<ul class="select-list">
					<li>
						<table>
							<tr><td class="name">北京宝盛-mission1</td></tr>
							<tr><td>任务时间: <span>2016/5/12  12:15:13</span></td></tr>
							<tr><td>任务型号：<span>F200</span></td></tr>
						</table>
					</li>
					<li select>
						<table>
							<tr><td class="name">北京宝盛-mission1</td></tr>
							<tr><td>任务时间: <span>2016/5/12  12:15:13</span></td></tr>
							<tr><td>任务型号：<span>F200</span></td></tr>
						</table>
					</li>
					<li>
						<table>
							<tr><td class="name">北京宝盛-mission1</td></tr>
							<tr><td>任务时间: <span>2016/5/12  12:15:13</span></td></tr>
							<tr><td>任务型号：<span>F200</span></td></tr>
						</table>
					</li>
					<li>
						<table>
							<tr><td class="name">北京宝盛-mission1</td></tr>
							<tr><td>任务时间: <span>2016/5/12  12:15:13</span></td></tr>
							<tr><td>任务型号：<span>F200</span></td></tr>
						</table>
					</li>
				</ul>
			</div>
		 </div>
		 
		 <!-- 飞机列表信息 -->
		 <div id="drone-list-wrap" class="data-wrap">
			<!--<table class="statistic" cellpadding="0" cellspacing="10">-->
				<!--<tr>-->
					<!--<td><span class="name">测区总数</span><span class="value">10</span></td>-->
					<!--<td><span class="name">任务总数</span><span class="value">9</span></td>-->
				<!--</tr>-->
				<!--<tr>-->
					<!--<td><span class="name">总架次</span><span class="value">20</span></td>-->
					<!--<td><span class="name">总公里</span><span class="value">500</span></td>-->
				<!--</tr>-->
			<!--</table>-->
			<!--<table class="filter-check">-->
				<!--<tr>-->
					<!--<td>-->
						<!--<input type="radio" name="drone-filter" value="all" id="drone-filter-all" checked>-->
						<!--<label for="drone-filter-all">全部飞机</label>-->
					<!--</td>-->
					<!--<td style="text-align: center;">-->
						<!--<input type="radio" name="drone-filter" value="my-drone" id="drone-filter-my-drone">-->
						<!--<label for="drone-filter-my-drone">我的飞机</label>-->
					<!--</td>-->
					<!--<td>-->
						<!--<input type="radio" name="drone-filter" value="mission-drone" id="drone-filter-mission-drone">-->
						<!--<label for="drone-filter-mission-drone" style="float: right;">任务飞机</label>-->
					<!--</td>-->
				<!--</tr>-->
			<!--</table>-->
			<!--<div class="separate-line"></div>-->
			<div class="drone-list">
				<ul class="list select-list">
					<li class="sub-list-wrap" select>
						<table class="sub-list" cellpadding="0" cellspacing="0">
							<tr><td class="name">飞机编号</td><td class="tag"></td><td class="value">ZFFtestyangzx01</td></tr>
							<tr><td class="name">飞行架次</td><td class="tag"></td><td class="value">34次</td></tr>
							<tr><td class="name">飞行公里</td><td class="tag"></td><td class="value">200公里</td></tr>
							<tr><td class="name">降伞次数</td><td class="tag"></td><td class="value">20次</td></tr>
							<tr><td class="name">钥匙有效期</td><td class="tag"><span>已过期</span></td><td class="value">至2016-01-12前</td></tr>
							<tr><td class="name">保修期</td><td class="tag"><span>已过期</span></td><td class="value">至2018-12-16前</td></tr>
						</table>
					</li>
					<li class="sub-list-wrap">
						<table class="sub-list" cellpadding="0" cellspacing="0">
							<tr><td class="name">飞机编号</td><td class="tag"></td><td class="value">ZFFtestyangzx01</td></tr>
							<tr><td class="name">飞行架次</td><td class="tag"></td><td class="value">34次</td></tr>
							<tr><td class="name">飞行公里</td><td class="tag"></td><td class="value">200公里</td></tr>
							<tr><td class="name">降伞次数</td><td class="tag"></td><td class="value">20次</td></tr>
							<tr><td class="name">钥匙有效期</td><td class="tag"></td><td class="value">至2016-01-12前</td></tr>
							<tr><td class="name">保修期</td><td class="tag"></td><td class="value">至2018-12-16前</td></tr>
						</table>
					</li>
					<li class="sub-list-wrap">
						<table class="sub-list" cellpadding="0" cellspacing="0">
							<tr><td class="name">飞机编号</td><td class="tag"></td><td class="value">ZFFtestyangzx01</td></tr>
							<tr><td class="name">飞行架次</td><td class="tag"></td><td class="value">34次</td></tr>
							<tr><td class="name">飞行公里</td><td class="tag"></td><td class="value">200公里</td></tr>
							<tr><td class="name">降伞次数</td><td class="tag"></td><td class="value">20次</td></tr>
							<tr><td class="name">钥匙有效期</td><td class="tag"></td><td class="value">至2016-01-12前</td></tr>
							<tr><td class="name">保修期</td><td class="tag"></td><td class="value">至2018-12-16前</td></tr>
						</table>
					</li>
					<li class="sub-list-wrap">
						<table class="sub-list" cellpadding="0" cellspacing="0">
							<tr><td class="name">飞机编号</td><td class="tag"></td><td class="value">ZFFtestyangzx01</td></tr>
							<tr><td class="name">飞行架次</td><td class="tag"></td><td class="value">34次</td></tr>
							<tr><td class="name">飞行公里</td><td class="tag"></td><td class="value">200公里</td></tr>
							<tr><td class="name">降伞次数</td><td class="tag"></td><td class="value">20次</td></tr>
							<tr><td class="name">钥匙有效期</td><td class="tag"></td><td class="value">至2016-01-12前</td></tr>
							<tr><td class="name">保修期</td><td class="tag"></td><td class="value">至2018-12-16前</td></tr>
						</table>
					</li>
				</ul>
			</div>
		 </div>
	</div>
	
	<table class="tool-bar" cellpadding="0" cellspacing="0">
		<tr><td onClick="zoneManagerM.clickInfoListHideToggle(this)">列表隐藏</td>
			<td>地图全屏</td></tr>
	</table>
</body>

<script src="/js/jquery-3.2.1.min.js"></script>
<script src="/js/vendor/common.js"></script>
<script src="/js/vendor/cmp-controls.js"></script>
<script src="/js/Ecalendar.jquery.min.js"></script>
<script src="/js/vendor/zone-manager.js"></script>

</html>






